<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>尾货</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">尾货</h1>
        <a href="javascript:history.go(-1);" class="p_header_right"></a>
    </header>
</div>
<!--筛选-->
<section id="Class" class="job-module"> 
	<dl class="retrie"> 
		<dt>
			<a id="area" href="javascript:;"><span>分类</span> <i>&nbsp;</i></a>
			<a id="wage" href="javascript:;"><span>属性</span><i>&nbsp;</i></a>
			<a id="price" href="javascript:;"><span>按销量</span><i>&nbsp;</i></a>
		</dt> 
		<dd class="area"> 
			<ul class="slide downlist" id="sortUl"> 
				<li sort-Screen="1">服饰类</li> 
				<li sort-Screen="2">饰品类</li> 
				<li sort-Screen="3">鞋类</li> 
				<li sort-Screen="4">包类</li> 
				<li sort-Screen="5">化妆品</li>
				<li sort-Screen="6">家居用品</li>
			</ul> 
		</dd> 
		<dd class="wage"> 
			<ul class="slide downlist"> 
				<li class="public_shu">
					<div class="w_xxtaba clearfix">
                        <ul class="w_xxtab_tit w_shaix1 clearfix por">
                            <li class="w_on1"><a href="javascript:void(0);">风格</a></li>
                            <li><a href="javascript:void(0);">季节</a></li>
                            <li><a href="javascript:void(0);">面料</a></li>
                            <li><a href="javascript:void(0);">厚度</a></li>
                        </ul>
                        <!-- 风格 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">日韩</li>
                                    <li>欧美</li>
                                    <li>大码女装</li>
                                    <li>中国风</li>
                                    <li>大众</li>
                                    <li>运动风</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 季节 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">春</li>
                                    <li>夏</li>
                                    <li>秋</li>
                                    <li>冬</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 面料 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">冰丝</li>
                                    <li>纯棉</li>
                                    <li>亚麻</li>
                                    <li>丝光棉</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 厚度 -->
                        <div class="w_ddcon">
                            <div class="haozhai_quyu">
                                <ul>
                                    <li class="shu_curr">超薄</li>
                                    <li>薄</li>
                                    <li>中等</li>
                                    <li>厚</li>
                                </ul>
                            </div>
                        </div>
                    </div>
				</li> 
			</ul>
		</dd> 
		<dd class="price"> 
			<ul class="slide downlist"> 
				<li sort-Screen="1">综合排序</li> 
				<li sort-Screen="2">发布时间</li> 
				<li sort-Screen="3">价格最高</li> 
				<li sort-Screen="4">价格最低</li> 
				<li sort-Screen="5">按收藏量</li> 
				<li sort-Screen="6">按销量</li> 
			</ul> 
		</dd> 
	</dl> 
</section>
<div style="width: 100%; height: 49px;"></div>
<!--产品-->
<div class="clearfix">
	
</div>

<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//下拉菜单
	$(function(){ 
		$('.retrie dt a').click(function(){
			var $t=$(this);
			if($t.hasClass('up')){
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
			}else{
				$(".retrie dt a").removeClass('up');
				$('.downlist').hide();
				$t.addClass('up');
				$('.downlist').eq($(".retrie dt a").index($(this)[0])).show();
			}
		});			
		$(".area ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#area span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
		
		// tab切换
        $(function () {
           $('.w_xxtab_tit li').on('click',function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('w_on1').siblings().removeClass('w_on1');
                //显示对应的div
                				$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
           });
        });
		$(".haozhai_quyu ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#wage span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
		
		
		
		$(".price ul li").on('click',function(){
			$(".retrie dt a").removeClass('up');
			$(".downlist").hide();
			$("#price span").text($(this).html());
//			mmSort = $(this).attr("sort-Screen");
//	        pageNo = 1;
//			loadData(pageNo);
		})
	});
	
	//固定
//	$(document).ready(function(){
//		var topMain=$(".header").height();//获取到头部的高度
//		var Logo=$("#Class");
//		$(window).scroll(function(){
//			if($(window).scrollTop()>topMain){
//				Logo.addClass("ScrollNav").css("z-index","102");
//			}else{
//				Logo.removeClass("ScrollNav");}
//		});
//	
//	});
	
	
</script>
</body>
</html>